import React, { Component } from 'react';
import { View, Text } from 'react-native';
import Icon from './../diyicon/IconFont';
import styles from '../../style/index';
import * as constant from '../../style/constant';
class CommonIconButton extends Component {
  render() {
    return (
      <View style={styles.centered}>
        <Icon
          name={this.props.Icon}
          size={this.props.size != null ? this.props.size : 18}
          color="#222"
        />
        <Text
          style={{
            fontSize: this.props.fontSize != null ? this.props.fontSize : 9,
            color: '#222',
            marginTop: 5
          }}>
          {this.props.title}
        </Text>
      </View>
    );
  }
}
export default CommonIconButton;
